<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // ES6允许按照一定模式从数组和对象中提取值，对变量进行赋值，这被称为解构赋值
        //1. 数组的解构赋值

        const arr = [10,20,30];
        // 将上面数组arr中的三个元素值，解析出来分别赋给:x、y、z
        // let x = arr[0];
        // let y = arr[1];
        // let z = arr[2];
        let [x, y, z] = arr; //[10,20,30]
        // 测试输出结果
        console.log(x, y, z);

       // 针对多维数组
        let [a,[,[b]],c] =  [10,[20,[30]],40]
        console.log(a,b,c);

        // 应用
        const arr1 = ["aaa","bbb","ccc"];
        // 使用for of 遍历数组，其中entries方法可以获取数组每个元素的下标和值。
        // [0, 'aaa']
        for(let [k,v] of arr1.entries()){
           console.log(k, v); 
        }

        // let [k, v] = [0, 'aaa'];
        // console.log(k,v);

    </script>
</body>
</html>